<div class="panel panel-default" style="border-top: none">
  <div class="panel-body">
    <div class="list-group">
      <div class="row">
        <div class="col-md-12 text-right" style="font-size:21px">
          <div class="btn-group" role="group" aria-label="...">
            <button type="button" class="btn btn-default" ng-repeat="klass in klasses|orderBy:'code'" ng-click="selKlass(klass)">{{klass.name}}</button>
          </div>
        </div>
      </div>
      <div class="row" ng-show="klass">
        <div class="col-md-12 text-center" style="font-size:21px">
          <b>{{klass.name}}---考试成绩列表</b>
        </div>
      </div>
      <div class="list-group">
        <li class="list-group-item" ng-repeat="exam in exams">
          <a href="exam/newest?id={{exam._id}}">{{exam.title}}</a><span style="color:darkgray">  ({{exam.creater}} 于 {{exam.createtime|date:'yyyy-MM-dd hh:mm:ss'}} 创建)</span>
          <a ng-click="confirmDel(exam,examdata.exams)" class="trash" data-toggle="modal" data-target="#confirmDel" ng-show="isMine(exam.creater)">
            <span class="glyphicon glyphicon-trash pull-right" style="margin-left:30px;cursor:pointer"></span>
          </a>
          <a href="exam/manage?id={{exam._id}}" class="edit" data-toggle="tooltip" title="编辑信息" href="javascript:0" ng-show="isMine(exam.creater)">
            <span class="glyphicon glyphicon-edit pull-right" style="margin-left:30px"></span>
          </a>
        </li>
      </div>
      <div class="list-group" ng-if="pagecount">
        <nav>
          <ul class="pagination">
            <li class="disabled">
              <a href="#" aria-label="Previous"><span aria-hidden="true">&laquo;</span></a>
            </li>
            <li ng-class="{active:pageindex==$index+1}" ng-click="selPage($index+1)" ng-repeat="i in getNumber(pagecount) track by $index">
              <a href="#">{{$index+1}} <span class="sr-only">(current)</span></a>
            </li>
            <li class="disabled">
              <a href="#" aria-label="Next"><span aria-hidden="true">»</span></a>
            </li>
          </ul>
        </nav>
      </div>
    </div>
  </div>
</div>

<!-- Modal -->
<div class="modal" id="confirmDel" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-vertical-centered">
    <div class="modal-content">
      <div class="modal-header" style="background-color: #337ab7;color:white">
        <button type="button" class="close" TABINDEX="-1" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel">确认删除对话框</h4>
      </div>
      <div class="modal-body">
        <div class="form-group">
          你确认要删除：{{delexam.title}} 成绩单么？
        </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-danger" TABINDEX="-1" data-dismiss="modal" ng-click="delExam()">确认删除</button>
        <button type="button" class="btn btn-default" TABINDEX="-1" data-dismiss="modal">取消</button>
      </div>
    </div>
  </div>
</div>
